<template>

  <div class="active">

    <div class="active_top">
     {{info.title}}
    </div>
    <div class="active_content" v-html="info.content"></div>


  </div>
 
</template>

<script>
import axios from 'axios'
import global from '../../../utils/global'
import store from '../../../utils/store'
export default {
  name: 'Active',
  data () {
    return {
      title:"",
      content:"",
      info: {},
    }
  },
  mounted(){
    this.getInfo();
    this.$root.share();
  },
  methods: {
    getInfo(){
      var that = this;
      axios.get(global.api.active.detail,{
        params: {
          uuid: localStorage.getItem('carWashUuid'),
          id: that.$route.params.id,
        }
      })
      .then(function(res){
        console.log("then");
        console.log(res);
        that.info = res.data.data[0];
        
      })
      .catch(function(res){
        console.log("catch");
        console.log(res);
      })
    },
  }
}
</script>

<style scoped>
  .active{

  }
  .active_top{
    /*height: 3rem;*/
    line-height: 1.5rem;
    font-size: 1rem;
    border-bottom: 1px solid #B3B3B4;
    padding: 1rem 0.5rem;
  }
  .active_content{
    padding: 1.5rem 2rem;
    text-align: left;
  }
</style> 
